function Son(props) {
  return (
    <>
      <div>
        <h2>子组件---{props.name}</h2>
        {props.children}
      </div>
    </>
  );
}

function App() {
  const name = "父组件的数据";
  return (
    <div>
      <h1>
        父组件
        <Son name={name}>
          <span>span123</span>
        </Son>
      </h1>
    </div>
  );
}

export default App;
